.i4-content{
    width: 1300px;
    height: 600px;
    background: ghostwhite;
    border: 1px solid gainsboro;
    margin: 0 auto;
}
.i4-column-p1{
    width: 260px;
    height: 90px;
    background: ghostwhite;
    position:absolute;
    left: 60px;
    top: 200px;
    border-bottom: 2px solid red;
}
.i4-column-p1 h2 a{
    color: red;
    position: absolute;
    left: 50px;
    text-decoration:none;
    line-height: 50px;
}
.i4-column-p1 p a{
    color: black;
    position: absolute;
    left: 50px;
    top: 50px;
    font-style: 25px;
    text-decoration:none;
}
.i4-column-p1:hover{
    width: 280px;
    height: 100px;
    position:absolute;
    left: 60px;
    top: 200px;
    background: honeydew;
    border: 1px solid gainsboro;
    border-bottom: 2px solid red;
}
.i4-column-p2{
    width: 260px;
    height: 90px;
    background: ghostwhite;
    position:absolute;
    left: 380px;
    top: 200px;
    border-bottom: 2px solid red;
}
.i4-column-p2 h2 a{
    color: red;
    position: absolute;
    text-decoration:none;
    left: 50px;
    line-height: 50px;
}
.i4-column-p2 p a{
    color: black;
    position: absolute;
    left: 20px;
    top: 50px;
    font-style: 25px;
    text-decoration:none;
}
.i4-column-p2:hover{
    width: 280px;
    height: 100px;
    background: honeydew;
    position:absolute;
    left: 380px;
    top: 200px;
    border: 1px solid gainsboro;
    border-bottom: 2px solid red;
}
.i4-column-p3{
    width: 260px;
    height: 90px;
    background: ghostwhite;
    position:absolute;
    left: 700px;
    top: 200px;
    border-bottom: 2px solid red;
}
.i4-column-p3 h2 a{
    color: red;
    position: absolute;
    text-decoration: none;
    left: 50px;
    line-height: 50px;
}
.i4-column-p3 p a{
    color: black;
    position: absolute;
    left: 80px;
    top: 50px;
    font-style: 25px;
    text-decoration:none;
}
.i4-column-p3:hover{
    width: 280px;
    height: 100px;
    background: honeydew;
    position:absolute;
    left: 700px;
    top: 200px;
    border: 1px solid gainsboro;
    border-bottom: 2px solid red;
}
.i4-column-p4{
    width: 260px;
    height: 90px;
    background: ghostwhite;
    position:absolute;
    left: 1010px;
    top: 200px;
    border-bottom: 2px solid red;
}
.i4-column-p4 h2 a{
    color: red;
    position: absolute;
    text-decoration: none;
    left: 50px;
    line-height: 50px;
}
.i4-column-p4 p a{
    color: black;
    position: absolute;
    left: 20px;
    top: 50px;
    font-style: 25px;
    text-decoration:none;
}
.i4-column-p4:hover{
    width: 280px;
    height: 100px;
    background: honeydew;
    position:absolute;
    left: 1000px;
    top: 200px;
    border: 1px solid gainsboro;
    border-bottom: 2px solid red;
}
.i4-containe-img1{
    padding-top: 370px;
    padding-left: 60px;
    float: left;
}
.i4-containe-img2{
    position:absolute;
    left: 85px;
    top: 365px;
    z-index: 1;
    display: none;
}
.i4-containe-img3{
    position:absolute;
    left: 400px;
    top: 364px;
    z-index: 2;
    display: none;
}
.i4-containe-img4{
    position: absolute;
    left: 420px;
    top: 420px;

}
.i4-containe-img5{
    position: absolute;
    left: 725px;
    top: 422px;
}
.i4-containe-img6{
    position: absolute;
    left: 726px;
    top: 367px;
    display: none;
}
.i4-containe-img7{
    position: absolute;
    left: 1030px;
    top: 422px;
}
.i4-containe-img8{
    position: absolute;
    left: 1030px;
    top: 367px;
    display: none;
}
